<template>
<!--
  时间：2024年10月8日 17点36分
  鼠标移动时，当前的经纬度
  用于展示，我们使用props进行接收
-->
  <ul class="message-box">
    <li>经度：{{longitude}}</li>
    <li>纬度：{{latitude}}</li>
    <li>高程：{{altitude}}</li>
  </ul>
</template>
<script setup>
const props = defineProps(['latitude', 'longitude','altitude']);
</script>
<style scoped>
.message-box{
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #393A3D;
  padding: 5px;
}
.message-box li{
  color: #ffffff;
  margin: 5px 10px;
}
</style>
